<template>
  <div style="padding: 0px 20px;" v-if="item?.setting_schema">
    <template v-if="item?.setting">
      <!--<el-form size="mini" label-position="top">
          <el-form-item label="模块主题" v-tippy="{ arrow: true }" content="元素主题">
              <el-radio-group v-model="item.setting.theme">
                  <el-radio label="">默认（跟随页面）</el-radio>
                  <el-radio label="ele-box-qing">轻灵</el-radio>
                  <el-radio label="ele-box-line">线条</el-radio>
              </el-radio-group>
          </el-form-item>
          <el-form-item label="是否粘性布局" v-tippy="{ arrow: true }" content="页面滚动时，超出屏幕，自动吸顶">
              <el-radio-group v-model="item.setting.sticky">
                  <el-radio :label="false">不是</el-radio>
                  <el-radio :label="true">是</el-radio>
              </el-radio-group>
          </el-form-item>
      </el-form>
      <hr style="margin: 10px 0px;" />-->
      <slot></slot>
      <vue-form
        v-if="item?.setting_schema"
        v-model="item.setting"
        class="j-gene-form"
        :ui-schema="{
           'ui:options': {
              showTitle: false,
              showDescription: false
           }
        }"
        :form-props="{ size: 'mini', labelSuffix: '' }"
        :schema="item.setting_schema">
      </vue-form>
    </template>
  </div>
</template>

<script setup>
const props = defineProps({
  item: Object,
  page: Object
})
</script>
